<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
	<head>
		<meta charset="utf-8" />
		<title>多端一站式网络在线选课系统</title>
		<script src="static/js/jquery-3.3.1.min.js"></script>
		<script src="static/js/bootstrap.min.js"></script>
		<link href="static/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
		<link href="static/css/index.css" type="text/css" rel="stylesheet"/>
		
		<script>
			$(document).ready(function(){
				$('.studentAdmin').click(function(){
					$(window).attr('location','jsp/studentAdmin.jsp');
				});
				
				$('.teacherAdmin').click(function(){
					$(window).attr('location','jsp/teacherAdmin.jsp');
				});
				
				$('.admin').click(function(){
					$(window).attr('location','jsp/admin.jsp');
				});
			});
		</script>
	</head>
	<body>
		<div class="contains">
			<div id="top">
				<div class="nav">
					<div class="row nav-home">
						<div class="nav-left col-lg-offset-1  col-md-offset-1 col-xs-offset-1 col-md-4 col-xs-4 col-lg-4">
							<div class="logo">
								<img src="static/img/logo.png" />
							</div>
						</div>
					</div>

				</div>
			</div>



			<div id="main">
				<div class="row">
					<div class="main-left col-md-12 col-xs-12 col-lg-12" style="background-image: url(static/img/bg.png);">
						<div class="main-left-contains text-center">
							<b><img src="static/img/main-logo.png" height="150px" /></b>
							<h3>一站式网线在线选课系统</h3>
							<h4>大数据时代 一站式在线网课选课</h4>
							<h5>最灵活、最好用、最安全的在线网络选课系统</h5>
							<div class="operator">
								<button type="button" class="btn btn-sample teacherAdmin">教师入口</button>
								<button type="button" class="btn btn-sample studentAdmin">学生入口</button>
								<button type="button" class="btn btn-sample admin">后台入口</button>
							</div>
							<div class="wavyline">
								<img src="static/img/main-left-wavyline.png" width="70%" />
							</div>
						</div>
					</div>


					<div class="main-right col-md-12 col-xs-12 col-lg-12">
						<div class="main-right-contains text-center">
							<h2>在线网课选课系统为您提供更为便捷的服务</h2>
							<div class="main-right-content center-block" style="width: 90%;">
								<div class="row">
									<div class="col-md-3 col-lg-3 col-sm-6 col-xs-12 ">
										<div class="col-md-12 col-lg-12 col-xs-12 ">
											<img src="static/img/main-right-logo1.png" width="66%" />

											<div class="col-md-12 col-lg-12 col-xs-12 ">
												<h4>强大的用户管理功能</h4>
											</div>
											<div class="col-md-12 col-lg-12 col-xs-12 ">
												<p>可通过管理后台实现对用户信息的精准管理,使管理更高效，更便捷，更迅速!
												</p>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-lg-3 col-sm-6 col-xs-12">
										<div class="col-md-12 col-lg-12 col-xs-12 ">
											<img src="static/img/main-right-logo2.png" width="66%" />

											<div class="col-md-12 col-lg-12 col-xs-12 ">
												<h4>优美的后台管理系统</h4>
											</div>
											<div class="col-md-12 col-lg-12 col-xs-12 ">
												<p>Layui---经典模块化前端框架 由职业前端倾情打造，面向所有层次的前后端开发者，零门槛开箱即用的前端UI解决方案</p>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-lg-3 col-sm-6 col-xs-12">
										<div class="col-md-12 col-lg-12 col-xs-12 ">
											<img src="static/img/main-right-logo3.png" width="66%" />

											<div class="col-md-12 col-lg-12 col-xs-12 ">
												<h4>单页式异步系统</h4>
											</div>
											<div class="col-md-12 col-lg-12 col-xs-12 ">
												<p>用最少的页面,处理最多的功能。使用Ajax与后台处理，系统更加流畅，交互更加友好</p>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-lg-3 col-sm-6 col-xs-12">
										<div class="col-md-12 col-lg-12 col-xs-12 ">
											<img src="static/img/main-right-logo1.png" width="66%" />

											<div class="col-md-12 col-lg-12 col-xs-12 ">
												<h4>权限明确的后台系统</h4>
											</div>
											<div class="col-md-12 col-lg-12 col-xs-12 ">
												<p>管理员系统，学生系统，教室系统。三端三系统,互不干涉。内部系统权限更为明确</p>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

				</div>

			</div>

			<div id="footer">
				<div class="footer-contains center-block text-center">
					<h4>@2019-2019 JSP期末项目</h4>
				</div>
			</div>
		</div>
	</body>
</html>
